 <!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品管理 搜索页</title>
		<link rel="stylesheet" type="text/css" href="../../font-awesome-4.7.0/css/font-awesome.min.css"/>
		<link rel="stylesheet" href="../../css/common/reset.css"/>
		<link rel="stylesheet" href="../../css/manage-goods/search.css" />
		
	</head>
	<body>
		<div class="web">
			<header class="clearfix">
				<div class="search-bar">
					<i class="fa fa-search"></i>
					<input type="search" name="search" value="" placeholder="请输入关键字"/>				
				</div>
				<div class="cancel">
					<a href="pshelves.html">取消</a>
				</div>
			</header>
			<section>
				<h4 class="title">热门搜索</h4>
				<ul class="items">
					<li>保健器械</li>
					<li>自行车</li>
					<li>保健服装</li>
					<li>运动健身</li>
					<li>健康睡眠床</li>
					<li>清洁用品</li>
					<li>牙刷</li>
					<li>有机谷物</li>
					<li>营养保健品</li>
				</ul>
				<h4 class="title">历史搜索</h4>
				<ul class="items">
					<li>绿色健康家电</li>
					<li>家庭食品</li>
					<li>饮品</li>
					<li>个人护理</li>
					<li>零食坚果</li>
					<li>关爱父母</li>
					<li>厨卫</li>
					<li>家居</li>
					<li>衣物清洁护理</li>
				</ul>
				<div class="history-delete">清除历史搜索</div>
			</section>
			<div class="clear-history-prompt">
				<div class="inner">
					<p class="top">确定清空历史搜索吗？</p>
					<div class="bottom">
						<span>取消</span>
						<span>确定</span>
					</div>
				</div>
			</div>
		</div>
		<script src="../../js/common/common.js"></script>
	</body>
</html>
